<template>
     <div id="box">
          <header>
               <ul>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
                 <li>我的账户</li>
                 <li><img src="../assets/img/xiaoxi.png"></li>
               </ul>
          </header>
          <section>
                <ul>
                  <li v-for="list in lists"><span>{{list.text}}</span><span><img :src="list.img"></span></li>
                </ul>
                <button>{{btn}}</button>
                <ul>
                  <li v-for="lis in liss"><span>{{lis.text}}</span><span><img :src="lis.img"></span></li>
                </ul>
          </section>
         <footer>
              <ul>
              <router-link to="/shouye">
              <li><img src="../assets/img/foot_1.png"><p>首页</p></li>
            </router-link>
            <router-link to="/fujin">
                <li><img src="../assets/img/foot_2.png"><p>附近</p></li>
              </router-link>
                <router-link to="yiweiyuanshenqing">
                <li><img src="../assets/img/foot_3.png"></li>
              </router-link>
                <router-link to="/wodedingdan">
                <li><img src="../assets/img/foot_4.png"><p>订单</p></li>
              </router-link>
             <router-link to="/gerenzhongxin"> 
                <li><img src="../assets/img/foot_5.png"><p>我的</p></li>
              </router-link>
              </ul>
          </footer>
      </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'box',
  data () {
    return{
       lists:[
          {
            text:"账户余额：元",
            img:"../../static/gengduo.png"
          },
          {
            text:"一喂币：个",
            img:"../../static/gengduo.png"
          },
          
       ],
       btn:"充值",
       liss:[
       {
            text:"账户押金：元",
            img:"../../static/gengduo.png"
          },
          {
            text:"申请提现",
            img:"../../static/gengduo.png"
          },
       ]
    }
  },
  methods:{
   fanhui(){
    this.$router.go(-1)
   }
  }
} 

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/wodezhanghu.less";
   @import ".././assets/css/reset.css";
</style>